import axios from 'axios'
import { MessageBox } from 'element-ui'
import store from '../store'
// import { getToken } from '@/utils/auth'
import { msgB } from '@/utils/message'
// import router from '@/router'
import qs from 'qs'

// axios.defaults.withCredentials = true // 跨域允许
var sum = 0

// 创建axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // base_url
  timeout: 15000, // 请求超时时间
  headers: { 'X-Requested-With': 'XMLHttpRequest' } // ajax异步标识
})

// request拦截器
service.interceptors.request.use(config => {
  // if (store.getters.token) {
  //   config.headers['token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
  // }

  const baseURLNew = store.getters.conf.BASE_API // 请求地址前缀
  const cid = store.getters.conf.CHANNEL_ID // 渠道ID
  // console.log(baseURLNew)
  // 动态改-配置url
  if (baseURLNew) {
    config.baseURL = baseURLNew
  }
  if (cid) {
    config.headers['X-Cid'] = cid
  }
  // 处理-post 请求参数无法提交
  if (config.method == 'post' && !config.dataType) { // 表单请求
    config.data = qs.stringify(config.data)
    config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
  } else if (config.method == 'post' && config.dataType.toLowerCase() == 'json') { // json 字串
    config.data = JSON.stringify(config.data)
    config.headers['Content-Type'] = 'application/json; charset=UTF-8'
  } else if (config.method == 'post' && config.dataType.toLowerCase() == 'formdata') { // 需要传formdata 数据
    /**
     *使用qs进行字符串序列化默认格式如下：qs.stringify({ a: ['b', 'c', 'd'] });//'a[0]=b&a[1]=c&a[2]=d'
     *设置 indices 为false实现以下效果:qs.stringify({ a: ['b', 'c', 'd'] }, { indices: false });// 'a=b&a=c&a=d'
     *也可以使用arrayformat选项输出 指定数组的格式:
     * { arrayFormat: 'indices' }// 'id[0]=b&id[1]=c'
     * { arrayFormat: 'brackets' }// 'id[]=b&id[]=c'
     * { arrayFormat: 'repeat' }// 'id=b&id=c'
     */
    config.data = qs.stringify(config.data, { arrayFormat: 'brackets' })
    config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
  }
  config.withCredentials = true
  return config
}, error => {
  // Do something with request error
  console.log(error) // for debug
  Promise.reject(error)
})

// respone拦截器
service.interceptors.response.use(
  response => {
    /**
    * status 大于50000 是抛错
    */
    const res = response.data
    if (res.status >= 50000) {
      // 50001:非法的token;  50011:Token 过期了;
      if (res.status == 50001 || res.status == 50011) {
        // 过期--关闭socket
        const socket = store.getters.socket
        if (socket) {
          socket.close() // 关闭
        }
        sum++
        if (sum <= 1) {
          MessageBox.confirm('登录已过期，请重新登录!', '提示：', {
            confirmButtonText: '重新登录',
            showCancelButton: false,
            type: 'warning',
            beforeClose: (action, instance, done) => {
              sum = 0
              done()
            }
          }).then(() => {
            store.dispatch('FedLogOut').then(() => {
              location.reload()// 为了重新实例化vue-router对象 避免bug
            })
          }).catch(() => {
          })
        }
      }
      return Promise.reject('error')
    } else {
      return response.data
    }
  },
  error => {
    console.log(error)
    console.log('err' + error)// for debug
    msgB('网络异常,请稍后再试！', 'error')// 提示
    return Promise.reject(error)
  }
)

export default service
